<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    @Author 硕鼠
    @Date 2020/4/18 14:12
    @Version 1.0
    @Description 文件说明
  -->
    <meta charset="UTF-8">
    <title>Cookie使用</title>
    <script>
        //格式：名字=值。（单条数据）=等同于添加
        // document.cookie='user=blue';
        // document.cookie='password=123';
        //多条数据

        // //添加一个过期时间
        // var oDate = new Date();
        // oDate.setDate(oDate.getDate()+14);
        // //expires有效时间
        // document.cookie='user=blue;expires ='+oDate;
        // alert(document.cookie);
        //封装一个日期对象

        function setCookie(name,value,iDay) {
            var oDate = new Date();
            oDate.setDate(oDate.getDate()+iDay);
            document.cookie = name +'='+ value+';expires ='+oDate;
            // alert(name +'='+ value+';expires ='+oDate);
        }
        setCookie('username','xiaolun',14);
        setCookie('password','123',14);
        function getCookie(name) { //获取某一个名字的Cookie
            var arr = document.cookie.split(';'); //将Cookie数据进行分割，并以字符串的形式存在arr数组中。
            for (var i = 0;i < arr.length;i ++){
                var arr2 = arr[i].split("=");//将字符串继续以“=”进行分割
                if (arr2[0] == name){
                    return arr2[1];
                }else {
                    return '';
                }
            }
        }
        // alert(getCookie('username'));
        // alert(getCookie('user'));

        //删除Cookie。
        function removeCookie(name) {
            setCookie(name,1,-1); //-1天过期
        }

        removeCookie('username');  //删除对应的Cookie
        alert(getCookie('username'));
        alert(getCookie('password'));

    </script>
</head>
<body>






</body>
</html>